<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>项目浏览</title>
    <link rel="stylesheet" href="../css/mui.min.css">
    <link rel="stylesheet" href="../css/pages/singlePrjRead_detail.css">
    <link rel="stylesheet" href="../css/mui.imageview.css">
</head>
<body>
    <div id="app">
        <div class="app-title" v-cloak>{{itemName}}</div>
        <div class="app-sub-title-box">
            <div>
                <span v-cloak>{{itemCompany}}</span>
            </div>
            <div class="app-between-box">
                <span v-cloak>{{itemUser1}}</span>
                <span v-cloak>{{itemDepartment}}</span>
            </div>
            <div>
                <span>联系电话</span>
                <span v-cloak>{{user1Phone}}</span>
            </div>
            <div class="app-between-box">
                <span v-cloak>资料完整度：{{s1}}</span>
                <span v-cloak>{{updatetime}}</span>
            </div>
        </div>
        <!-- 选项卡 -->
        <div style="margin-top:10px;">
            <div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
                <a class="mui-control-item mui-active" href="#item1">项目背景</a>
                <a class="mui-control-item" href="#item2">项目对接人</a>
                <a class="mui-control-item" href="#item3">相关项目文件</a>
                <a class="mui-control-item" href="#item4">相关图片</a>
            </div>
        </div>
        <div>
            <!-- 项目背景 -->
            <div id="item1" class="mui-control-content mui-active">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <ul class="mui-table-view">
                            <li class="mui-table-view-cell">
                                <span>项目名称：</span>
                                <span v-cloak>{{itemName}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>发布单位：</span>
                                <span v-cloak>{{itemCompany}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>发布人：</span>
                                <span v-cloak>{{itemUser1}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>所属部门：</span>
                                <span v-cloak>{{itemDepartment}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>联系电话：</span>
                                <span v-cloak>{{user1Phone}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>项目背景内容：</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span v-cloak>{{itemText}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 项目对接人 -->
            <div id="item2" class="mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <ul class="mui-table-view">
                            <li class="mui-table-view-cell">
                                <span>官方对接人：</span>
                                <span v-cloak>{{itemUser2}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>所属单位：</span>
                                <span v-cloak>{{user2Department}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>联系电话：</span>
                                <span v-cloak>{{user2Phone}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>项目背景内容：</span>
                            </li>
                            <li class="mui-table-view-cell app-br">
                                <span v-cloak>{{user2Text}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>中间人：</span>
                                <span v-cloak>{{itemUser3}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>所属单位：</span>
                                <span v-cloak>{{user3Department}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>联系电话：</span>
                                <span v-cloak>{{user3Phone}}</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span>项目背景内容：</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span v-cloak>{{user3Text}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 相关项目文件 -->
            <div id="item3" class="mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <ul class="mui-table-view">
                            <li class="mui-table-view-cell">
                                <span>相关项目内容：</span>
                            </li>
                            <li class="mui-table-view-cell">
                                <span v-cloak>{{itemFile}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 相关图片 -->
            <div id="item4" class="mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div>
                            <div v-for="imgsrc in itemImg" class="app-img">
                                <img :src="imgsrc"  data-preview-src="" data-preview-group="1">
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../js/mui.min.js"></script>
<script>
    mui.init();
</script>
<script src="../js/jquery.min.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/config.js"></script>
<script src="../js/mui.zoom.js"></script>
<script src="../js/mui.previewimage.js"></script>
<script src="../js/pages/singlePrjRead_detail.js"></script>
</html>